<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<script src="../assets/flexible/flexible.debug.js"></script>
		<script src="../assets/flexible/flexible_css.debug.js"></script>
		<!--[if lt IE 9]>
	        <script src="../assets/html5shiv.min.js"></script>
			<script src="../assets/respond.min.js"></script>
	    <![endif]-->
	    <link rel="stylesheet" href="../assets/font-awesome/4.5.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css"/>
		<link rel="stylesheet" href="../css/tabswiper.css"/>
		<link rel="stylesheet" href="../css/time.css"/>
		<link rel="stylesheet" href="../assets/swiper/css/animate.min.css"/>
		<link rel="stylesheet" href="../css/header.css"/>
		<link rel="stylesheet" href="../css/footer.css"/>
		<link rel="stylesheet" href="../css/mark.css"/>
		<title>限时特卖</title>
	</head>
	<body>
		<header class="header">
			<div class="h-left">
				<i></i>
			</div>
			<div class="h-center h-bor">
				<p>限时特卖</p>
			</div>
			<div class="h-right h-time">
				<dl class="share_open">
					<dt><img src="../images/time-imgs/images/time-imgs_12.png"/></dt>
					<dd><i></i></dd>
				</dl>
			</div>
		</header>
		<main class="main">
			<section class="container">
				<div class="swiper-container list">
					<div class="swiper-wrapper">
						<div class="swiper-slide active-nav">全部</div>
						<div class="swiper-slide">最新</div>
						<div class="swiper-slide">鞋类</div>
						<div class="swiper-slide">服饰</div>
						<div class="swiper-slide">包配</div>
						<div class="swiper-slide">儿童</div>
					</div>
				</div>
				<section class="swiper-container opts">
					<figrue class="swiper-wrapper">
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
					</figrue>
				</section>
			</section>
		</main>
		<footer class="footer">
			<dl>
				<dt>
					<img src="../images/footer-imgs/footer-img_home.png"/>
				</dt>
				<dd>首页</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/footer-imgs/footer-img_cls.png"/>
				</dt>
				<dd>分类</dd>
			</dl>
			<dl class="f-active">
				<dt>
					<img src="../images/footer-imgs/footer-img_timeed.png"/>
				</dt>
				<dd>限时特卖</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/footer-imgs/footer-img_cart.png"/>
				</dt>
				<dd>购物车</dd>
			</dl>
			<dl>
				<dt>
					<img src="../images/footer-imgs/footer-img_Admin.png"/>
				</dt>
				<dd>用户</dd>
			</dl>
		</footer>
		<section class="mask">
			<div class="share swiper-container">
				<div class="sh_top swiper-wrapper">
					<div class="swiper-slide">
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0.5s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_19.png"/>
							</dt>
							<dd>微信好友</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0.7s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_18.png"/>
							</dt>
							<dd>微信朋友圈</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0.9s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_16.png"/>
							</dt>
							<dd>微信收藏</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="1.1s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_09.png"/>
							</dt>
							<dd>QQ好友</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="1.3s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_07.png"/>
							</dt>
							<dd>新浪微博</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_05.png"/>
							</dt>
							<dd>复制链接</dd>
						</dl>
					</div>
				</div>
				<div class="sh_bottom">
					<img src="../images/share-imgs/images/share_imgs_03.png"/>
				</div>
			</div>
		</section>
		<script src="../assets/jquery-3.2.1.min.js"></script>
		<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
		<script src="../assets/swiper/js/swiper.animate1.0.2.min.js"></script>
		<script src="../assets/template-web.js"></script>
		<script src="../js/time.js"></script>
		<script src="../js/footer.js"></script>
		<script type="text/html" id="teplate">
			{{each list v}}
				<dl>
					<dt><img src={{v.barImgs}}/></dt>
					<dd>
						<h5>
							<span>{{v.discount}}</span>
							{{v.title}}
						</h5>
						<p>{{v.day}}</p>
					</dd>
				</dl>
			{{/each}}
		</script>
	</body>
</html>
